#container{
	margin:130px auto;
	width:640px;
	height:360px;
	position:relative;
	overflow:hidden;
	border-radius: 10px 0 10px 0;
}
#list{
	width:4480px;
	height:100%;
	position:absolute;
}
#list img{
	width:640px;
	height:100%;
	float:left;
}
#buttons{
	position:absolute;
	right:275px;
	bottom:30px;
}
#buttons span{
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:10px;
	border-radius:50%;
	background:rgba(255,255,255,0.2);
}
#buttons span:hover{
	cursor:pointer;
}
#buttons span.on{
	background:#f0f;
}
#container .arrow{
	width:100px;
	height:100%;
	position:absolute;
	top:0;
	z-index:99998;
}
#container .prev-arrow{
	left:0;
}
#container .next-arrow{
	right:0;
}
#container .arrow .switch{
	color:#fff;
	font-size:20px;
	background: rgba(0,0,0,0.2);
	width:40px;
	height:55px;
	line-height:55px;
	text-align:center;
	display:none;
	position:absolute;
	z-index:99999;
	top:calc(50% - 25px);
}
#container .arrow:hover .switch{
	display:block;
}
#container .arrow .switch:hover{
	cursor:pointer;
	background:rgba(100,180,255,0.1);
	border:solid rgba(150,200,255,0.3);
	border-width:0;
}
#prev{
	left:0;
	border-radius:0 5px 5px 0;
}
#next{
	right:0;
	border-radius:5px 0 0 5px;
}
